iT邦幫忙

第 11 屆 iThome 鐵人賽

DAY 25
1
自我挑戰組

工作雜記隨筆系列 第 25

Day 25. 好用的Markdown線上編輯工具- StackEdit

  • 分享至 

  • xImage
  •  

StackEdit

網址:https://stackedit.io/

StackEdit是一個可以在線上編輯跟預覽 Markdown 文件的工具。除了基本的 Markdown
GitHub Flavored Markdown 格式外,還額外支援 LaTeX 數學表達符號與 UML 圖表支援。登入Google 帳號還能自動跟雲端硬碟同步文件,是一套相當不錯的線上筆記工具!

Markdown 語法

一打開StackEdit,會有一個預設的歡迎頁
歡迎頁裡面使用的所有較常被使用到的Markdown語法展示

標準常用的格式如下:

  1. 斜體:在兩邊加上 *星號* 或是 _底線_
  2. 粗體:在兩邊加上 **兩個星號** 或是 __兩個底線__,也可以用 **星號_底線_**
  3. 刪除線:在兩邊加上 ~~兩個波浪~~
  4. 引言(註解): > 引言內容
  5. 標題:# H1## H2### H3#### H4##### H5###### H6
  6. 超連結:[連結標題](http://網址)
  7. 圖片:![圖片說明](http://圖片網址)

歡迎頁會有打字區與最後效果的對比呈現

中間那條可以選擇變更現在的編輯版面顯示樣式

其他特殊語法

  1. 數學表達式:請參考KaTeX
$\Gamma(n) = (n-1)!\quad\forall n\in\mathbb N$

會有這樣的呈現

$$
\Gamma(z) = \int_0^\infty t^{z-1}e^{-t}dt\,.
$$

會變這樣

2. UML diagrams
要畫UML流程圖時,可以直接用文字來畫出圖片,相關語法請參考:Mermaid

\```mermaid
sequenceDiagram
Alice ->> Bob: Hello Bob, how are you?
Bob-->>John: How about you John?
Bob--x Alice: I am good thanks!
Bob-x John: I am good thanks!
Note right of John: Bob thinks a long<br/>long time, so long<br/>that the text does<br/>not fit on a row.

Bob-->Alice: Checking with John...
Alice->John: Yes... John, how are you?
\```

會顯示右邊的圖

同步編輯的檔案或匯出成PDF/HTML

按下右上角的Icon,右側會跳出一個選單

我們可以在這邊將檔案同步至Google雲端或者匯出成HTML/PDF檔案

點選左上角的資料夾,則可以開啟許多不同的文件


上一篇
Day 24. ELK介紹
下一篇
Day 26. 好用的Markdown線上共筆工具 - HackMD
系列文
工作雜記隨筆30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言